<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<style>
	.input-text {
		width: 140px;
	}
	.container {
		width: 50%;
		height: 100%;
		overflow: auto;
		position: fixed;
		float: left;
		cursor: pointer;
	}

	.queryTable {
		width: 45%;
		float: right;
		cursor: pointer;
	}

	/**当设备宽度小于980时*/

	@media screen and (max-width:980px) {
		.queryTable {
			display: none;
		}
		.container {
			width: 100%;
		}
	}
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>客户表</title>
</head>
<body>
	<div class="container">
		<table class="table table-gb table-border table-hover">
			<tr>
				<th>客户表</th>
				<td id="return"></td>
			</tr>
			<tr>
				<td>客户代码</td>
				<td>
					<input id="customerCode" class="input-text" type="text" disabled="disabled" />
					<span id="addCustomerCodeBtn" class="btn btn-primary radius" data-toggle="modal" data-target="#addCustomerModal">添加客户</span>
				</td>
			</tr>
			<tr>
				<td>客户名称</td>
				<td>
					<select id="customerName" class="input-text"></select>
				</td>
			</tr>
			<tr>
				<td>客户类型</td>
				<td>
					<select id="type" class="input-text">
						<option value=''>请选择</option>
						<option value='1'>供应商</option>
						<option value='2'>客户</option>
						<option value='3'>客户+供应商</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>联系人</td>
				<td>
					<input id="contact" class="input-text" type="text">
				</td>
			</tr>
			<tr id="showPassword">
				<td>登录密码</td>
				<td>
					<input id="password" maxlength="15" class="input-text" type="text">
				</td>
			</tr>
			<tr>
				<td>联系电话</td>
				<td>
					<input id="phone" class="input-text" type="text">
				</td>
			</tr>
			<tr>
				<td>邮箱</td>
				<td>
					<input id="email" class="input-text" type="text">
				</td>
			</tr>
			<tr>
				<td>付款结算方式</td>
				<td>
					<select id="paymentWay" class="input-text">
						<option value=''>请选择</option>
						<option value='1'>一月结</option>
						<option value='2'>两月结</option>
						<option value='3'>三月结</option>
						<option value='4'>四月结</option>
						<option value='5'>五月结</option>
						<option value='6'>六月结</option>
						<option value='7'>七月结</option>
						<option value='8'>八月结</option>
						<option value='9'>九月结</option>
						<option value='10'>十月结</option>
						<option value='11'>十一月结</option>
						<option value='12'>一年结</option>
						<option value='0'>现金结</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>状态</td>
				<td>
					<select id="status" class="input-text">
						<option>请选择</option>
						<option>使用</option>
						<option>禁用</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>传真</td>
				<td>
					<input id="fax" class="input-text" type="text">
				</td>
			</tr>
			<tr>
				<td>地址</td>
				<td>
					<input id="address" class="input-text" type="text">
				</td>
			</tr>
			<tr>
				<td>创建人</td>
				<td>
					<input id="creater" class="input-text" type="text" disabled="disabled" />
				</td>
			</tr>
			<tr>
				<td>创建时间</td>
				<td>
					<input id="creationTime" class="input-text" type="text" disabled="disabled" />
				</td>
			</tr>
			<tr>
				<td>上一次修改人</td>
				<td>
					<input id="lastModifier" class="input-text" type="text" disabled="disabled" />
				</td>
			</tr>
			<tr>
				<td>上一次修改时间</td>
				<td>
					<input id="lastModifyTime" class="input-text" type="text" disabled="disabled"/>
				</td>
			</tr>
			<tr>
				<td>序号</td>
				<td>
					<input id="sort" class="input-text" type="text" disabled="disabled"/>
				</td>
			</tr>
			<tr>
				<td></td>
				<td>
					<button id="reportBtn" class="btn btn-primary radius">提交</button>
				</td>
			</tr>
		</table>
	</div>
	<div class="queryTable">
		<input id="search-text" type="text" class="input-text" style="width:200px;" placeholder="客户代码/名称/结算方式"/>
		<button id="search-btn" class="btn btn-primary radius">搜索</button>
		<button id="view" class="btn" value='1'>切换状态查看</button>
		<table id="queryCustomersTable" class="table table-gb table-hover">
			<thead>
				<tr>
					<th>客户代码</th>
					<th>客户名称</th>
					<th>状态</th>
				</tr>
			</thead>
			<tbody></tbody>
		</table>
	</div>
	<!-- 模态框 默认隐藏 -->
	<div id="addCustomerModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="materialModal" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<!-- 内容 -->
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h2 class="modal-title" id="addCustomerModalLabel" style="font-size:22px;">添加客户</h2>
				</div>
				<div class="modal-body">
					<table class="table table-bg table-hover table-border">
						<tr>
							<td>客户代码</td>
							<td>
								<input id="modalCustomerCode" class="input-text" type="text" />
							</td>
						</tr>
						<tr>
							<td>客户名称</td>
							<td>
								<input id="modalCustomerName" class="input-text" type="text" />
							</td>
						</tr>
						<tr>
							<td>客户类型</td>
							<td>
								<select id="modal_type" class="input-text">
									<option value=''>请选择</option>
									<option value='1'>供应商</option>
									<option value='2'>客户</option>
									<option value='3'>客户+供应商</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>联系人</td>
							<td>
								<input id="modalContact" class="input-text" type="text">
							</td>
						</tr>
						<tr id="modalShowPassword" style="display:none">
							<td>登录密码</td>
							<td>
								<input id="modalPassword" maxlength="15"  class="input-text" type="text">
							</td>
						</tr>
						<tr>
							<td>联系电话</td>
							<td>
								<input id="modalPhone" class="input-text" type="text">
							</td>
						</tr>
						<tr>
							<td>邮箱</td>
							<td>
								<input id="modal-email" class="input-text" type="text">
							</td>
						</tr>
						<tr>
							<td>付款结算方式</td>
							<td>
								<select id="modalPaymentWay" class="input-text">
									<option value=''>请选择</option>
										<option value='1'>一月结</option>
										<option value='2'>两月结</option>
										<option value='3'>三月结</option>
										<option value='4'>四月结</option>
										<option value='5'>五月结</option>
										<option value='6'>六月结</option>
										<option value='7'>七月结</option>
										<option value='8'>八月结</option>
										<option value='9'>九月结</option>
										<option value='10'>十月结</option>
										<option value='11'>十一月结</option>
										<option value='12'>一年结</option>
										<option value='0'>现金结</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>传真</td>
							<td>
								<input id="modalFax" class="input-text" type="text">
							</td>
						</tr>
						<tr>
							<td>地址</td>
							<td>
								<input id="modalAddress" class="input-text" type="text">
							</td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default close" data-dismiss="modal">关闭</button>
					<button id="add" type="button" class="btn btn-primary">添加</button>
				</div>
			</div>
		</div>
	</div>

	<!--_footer 作为公共模版分离出去-->
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
	<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
	<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
	<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
	<script type="text/javascript" src="myJs/util.js"></script>
	<!--/_footer 作为公共模版分离出去 -->

	<!--请在下方写此页面业务相关的脚本 -->
	<script type="text/javascript" src="myJs/customers.js"></script>
</body>

</html>